<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>KK Circuits &amp; Equipments E-Reporting</title>
<link href="<%=application.getContextPath() %>/css/login.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=application.getContextPath() %>/js/jquery-1.6.min.js"></script>	
<script type="text/javascript" src="<%=application.getContextPath() %>/js/jquery-ui-1.8.17.custom.min.js"></script>	
<link rel="stylesheet" href="<%=application.getContextPath() %>/css/jquery-ui-1.8.17.custom.css"/>
<style type="text/css">
<!--
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.form-bg {
	background-color: #F7F7F7;
	height: 15px;
	width: 130px;
	border: 1px solid #8E979E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	text-decoration: none;
	background-image: url(formbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left: 5px;
}
.textfield {width:250px; height:20px; background:#e8e8e8; border-radius: 4px;  border:1px solid #a1a1a1;}
.button-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #EE9600;
	height: auto;
	width: auto;
	cursor: pointer;
	border: 1px solid #DC5B22;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: url(ar.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: right;
	margin-right: 5px;
	margin-left: 5px;
}


.button-right:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #DB5A21;
	height: auto;
	width: auto;
	cursor: pointer;
	border: 1px solid #C3C3C3;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: url(ar.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	
}

-->
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

<script type="text/javascript">
$(document).ready(function(){
	<%
		if(request.getAttribute("emailMsg")!=null){
			%>
			
			$("#msgDialog").dialog({
			    autoOpen: false,
			    modal: true,
			    width: 280,
			    height: 110,
			  				
			});
				 $("#returnMsg").html("<%=request.getAttribute("emailMsg")%>");
			$('#msgDialog').dialog('open');
		<%
		}
	%>
});

</script>
</head>

<body onload="MM_preloadImages('<%=application.getContextPath() %>/images/r-text-r.jpg','<%=application.getContextPath() %>/images/copy-r-r.jpg')">
<table width="927" height="622" border="0" align="center" cellpadding="0" cellspacing="0" background="<%=application.getContextPath() %>/images/login-bg.jpg">
  <tr>
    <td height="169"><table width="400" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="101">&nbsp;</td>
        <td width="299"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','<%=application.getContextPath() %>/images/r-text-r.jpg',1)"><img src="<%=application.getContextPath() %>/images/r-text.jpg" name="Image3" width="204" height="44" border="0" id="Image3" /></a></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="388" align="center" valign="top"><table width="927" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="89" align="right">&nbsp;</td>
        <td> <% if(request.getAttribute("error")!=null){
        
        	String error=(String)request.getAttribute("error");
        
        	%><div style="color: red;"><%=error %></div>
        	
        	<%
        	
        } %></td>
        
      </tr>
      <tr>
        <td width="482" align="right"><table width="400" height="80" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="367" align="right" valign="top" class="content">Welcome to </td>
            <td width="33">&nbsp;</td>
          </tr>
          <tr>
            <td align="right" valign="top"><img src="<%=application.getContextPath() %>/images/logo-login.jpg" width="314" height="70" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table></td>
        <td width="445"><form action="<%=application.getContextPath() %>/user/login.do"   method="post"><table width="400" height="90" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="39">&nbsp;</td>
            <td width="361" class="content">Login Your Account</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td class="logout"></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><table width="350" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="100" class="content">User Name</td>
                <td width="250"><input name="userEmail" type="text" class="form-bg" placeholder="Enter User Name" /></td>
              </tr>
              <tr>
                <td height="10"></td>
                <td height="10"></td>
              </tr>
              <tr>
                <td class="content">Password</td>
                <td><input name="pwd" type="password" class="form-bg" placeholder="Enter Password" /></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><table width="350" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="5"></td>
                <td height="5"></td>
              </tr>
              <tr>
                <td width="156">&nbsp;</td>
                <td width="194"><input type="image" src="<%=application.getContextPath() %>/images/login-b.jpg" width="81" height="23" border="0" /></td>
              </tr>
              
            </table></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td >
            <div style="color: #cb6325;" onclick="forgotPwd()">Forgot Password?</div>
            
            </td>
          </tr>
        </table></form></td>
        
      </tr>
    </table></td>
  </tr>
  <tr>
    <td align="right"><table width="400" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="322" align="right"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','<%=application.getContextPath() %>/images/copy-r-r.jpg',1)"><img src="<%=application.getContextPath() %>/images/copy-r.jpg" name="Image4" width="227" height="28" border="0" id="Image4" /></a></td>
        <td width="78"><div id="forgotPwdDialog" style="display: none;">
                  <div id="giveEmail">
           <form action="<%= application.getContextPath()%>/exeRegistration/sendPwd.do" method="post">
           			   <br />Please Enter Your Email Address
                    <input class="textfield" type="text" name="useremail" id="useremail" value="" />
                  	<br />
                  	<br />
                    <input class="button-right" type="submit" id="ok" value="OK"/> 
                    </form>
                    </div>
                    
        </div>
        <div id="msgDialog" style="display: none;">
        <div id="returnMsg" align="center"></div>
        </div>
        </td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>
<script>
function forgotPwd(){
$('#forgotPwdDialog').dialog({
    autoOpen: false,
    modal: true,
    width: 280,
    height: 150,
  				
});
	 
$('#forgotPwdDialog').dialog('open');
}
</script>